<template>
    <dl class="item">
        <dt>
            <img :src="url" alt="">
        </dt>
        <dd>
            <h4 class="title">{{title}}</h4>
            <span>{{price}}</span>
        </dd>
    </dl>
</template>
<script>
export default {
    props:['url','title','price']
}
</script>
<style lang="scss">
.item{
    width:100%;
    display: flex;
    padding:10px;
    dt{
        width:80px;
        height: 80px;
        img{
            width:100%;
            height: 100%;
        };
    }
}
</style>

